<template>
  <demoBlock title="自定义类型">
    <vcu-cell-group>
      <vcu-input v-model="value" label="文本" placeholder="请输入文本" />
      <vcu-input
        v-model="phone"
        type="tel"
        label="手机号"
        placeholder="请输入手机号"
      />
      <vcu-input
        v-model="digit"
        type="digit"
        label="整数"
        placeholder="请输入整数"
      />
      <vcu-input
        v-model="number"
        type="number"
        label="数字"
        placeholder="请输入数字（支持小数）"
      />
      <vcu-input
        v-model="password"
        type="password"
        label="密码"
        placeholder="请输入密码"
      />
    </vcu-cell-group>
  </demoBlock>
</template>

<script>
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    const value = ref("");
    const phone = ref("");
    const digit = ref("");
    const number = ref("");
    const password = ref("");
    return {
      value,
      phone,
      digit,
      number,
      password
    };
  },
});
</script>
